<!DOCTYPE html>
<html lang="es">
<head> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>SubCalc</title>
<link rel="stylesheet" href="../css/css.css" type="text/css" media="screen" />
</head>
<body>
 <div id="header">
  <ul id="navigation">
   <li class="active">Inicio</li>
   <li><a href="about.html">Acerca De</a></li>
   <li>Feedback</li>
  </ul> 	
 </div>
 <div id="wrapper">
 <h1>SubCalc</h1>
 <p class="indexp">Esta aplicaci&oacute;n calcula el n&uacute;mero de hosts utilizables, n&uacute;mero 
  m&aacute;ximo de subredes, n&uacute;mero de bits utilizados en el subneteo y la 
  direcci&oacute;n de broadcast.</p>
 <p class="indexp">Si quieres saber m&aacute;s acerca de las subredes, visita la secci&oacute;n 
  <a href="about.html">Acerca De.</a></p>
 <fieldset class="multipleinputs">
  <ul class="formulario form-input">
   <li><label for="ip-address">Direcci&oacute;n IP</label></li>
   <li><input id="ip-address" name="ipaddress1" type="text" value="" maxlength="3" tabindex="1" /></li>
   <li><input name="ipaddress2" type="text" value="" maxlength="3" tabindex="2" /></li>
   <li><input name="ipaddress3" type="text" value="" maxlength="3" tabindex="3" /></li>
   <li><input name="ipaddress4" type="text" value="" maxlength="3" tabindex="4" /></li>
  </ul>
  <ul class="formulario form-input">
   <li><label for="subnet-mask">M&aacute;scara de Red</label></li>
   <li><input id="subnet-mask" name="subnetmask1" type="text" value="" maxlength="3" tabindex="5" /></li>
   <li><input name="subnetmask2" type="text" value="" maxlength="3" tabindex="6" /></li>
   <li><input name="subnetmask3" type="text" value="" maxlength="3" tabindex="7" /></li>
   <li><input name="subnetmask4" type="text" value="" maxlength="3" tabindex="8" /></li>
  </ul>
  </fieldset>
  <div id="form-submit">
   <input id="submit" name="submit" type="submit" value="Calcular" tabindex="9" />
   <input id="reset" name="reset" type="submit" value="Resetear" tabindex="10" />
  </div> 
  <fieldset>
  <ul class="formulario form-input">
   <li><label for="hosts">Max Hosts</label></li>
   <li><input id="hosts" name="hosts" type="text" value="" tabindex="11" /></li>
  </ul>
  <ul class="formulario form-input">
   <li><label for="subnets">Max Subredes</label></li>
   <li><input id="subnets" name="subnets" type="text" value="" tabindex="12" /></li>
  </ul>
  <ul class="formulario form-input">
   <li><label for="bits">Bits VLSM</label></li>
   <li><input id="bits" name="bits" type="text" value="" tabindex="13" /></li>
  </ul>
  <ul class="formulario multipleinputs form-input">
   <li><label for="broadcast">Broadcast</label></li>
   <li><input id="broadcast" name="broadcast1" type="text" value="" maxlength="3" tabindex="14" /></li>
   <li><input name="broadcast2" type="text" value="" maxlength="3" tabindex="15" /></li>
   <li><input name="broadcast3" type="text" value="" maxlength="3" tabindex="16" /></li>
   <li><input name="broadcast4" type="text" value="" maxlength="3" tabindex="17" /></li>
  </ul>
 </fieldset>
 </div>
</body>
</html>